.ant-popover {
  font-family: oppo;

  .ant-popover-content {
    .ant-popover-inner {
      .ant-popover-inner-content {
        max-width: 500px;

        .ant-tabs {
          .ant-tabs-nav {
            .ant-tabs-nav-wrap {
              .ant-tabs-nav-list {
                .ant-tabs-tab {
                  text-align: center;
                  padding: 10px 30px;
                  margin: 0;
                  justify-content: center;

                  .ant-tabs-tab-btn {
                    font-size: 12px;
                    font-weight: bold;
                  }
                }

                .ant-tabs-tab-active {
                  .ant-tabs-tab-btn {
                    text-align: center;
                  }
                }

                .ant-tabs-ink-bar {
                  text-align: center;
                }
              }
            }
          }

          .ant-tabs-content-holder {
            padding: 10px;

            .ant-tabs-content {
              #emojis-container {
                display: flex;
                flex-wrap: wrap;

                &::-webkit-scrollbar-track {
                  display: none;
                }

                &::-webkit-scrollbar {
                  display: none;
                }

                .emojis-item {
                  text-align: center;
                  display: inline-block;
                  border-radius: 5px;
                  padding: 5px;
                  cursor: pointer;
                  transition: .3s;

                  &:hover {
                    background-color: #666;
                    box-shadow: 1.5px 1.5px 3px #4f6dfe;
                    transition: .3s;
                    color: #FFF;
                    transform: scale(1.15) translateZ(0);
                  }

                  img {
                    width: 24px;
                    height: 24px;
                    object-fit: cover;
                  }

                }
              }
            }
          }
        }
      }
    }
  }
}